<template>
	<view class="youxin-box">
		<view class="form box">
			<view class="my-line" v-for='(item, i) in list'>
				<view class="left">
					<text>{{item.name}}</text>
				</view>
				<view class="right">
					<text>{{item.value}}</text>
					<uni-icons  color="#999" type="right"></uni-icons>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:[
					{name:'诱芯名称',value:'稻飞虱'},
					{name:'更换时间',value:'2024-10-22'},
				]
			};
		}
	}
</script>

<style lang="scss">
.youxin-box {
	height: 100vh;
	width: 100%;
	background: #f4f5f5;
	overflow: hidden;
	.form {
		box-sizing: border-box;
		padding: 0 24rpx;
		margin-top: 24rpx;
		height: 184rpx;
		background: #fff;
		.my-line{
			height: 92rpx;
			line-height: 92rpx;
			display: flex;
			justify-content: space-between;
			.left{
				width: 50%;
				display: flex;
				align-items: center;
				justify-content: flex-start;
			   .icon-img{
					width: 60rpx;
					margin-right: 16rpx;
			   }	
			}
			.right{
				color: #999;
			}
			
		}
	}
}
</style>
